﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="FrmSolicitud.aspx.vb" Inherits="Tafi.VisionColor.UI.Forms_FrmSolicitud" MasterPageFile="~/Forms/MasterPage.master" Theme="TafiBase" StylesheetTheme="TafiBase" EnableEventValidation="false" ValidateRequest="false" %>

<%@ Register assembly="Infragistics2.WebUI.WebDataInput.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %>
<%@ Register assembly="Infragistics2.WebUI.WebDateChooser.v10.1, Version=10.1.20101.1011, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebSchedule" tagprefix="igsch" %>

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


	
<script src="../JavaScript/jquery/jquery-1.6.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">

    $().ready(function () {

        var cantidad = 0;
        $("#<%=GridSC.ClientID%> :checkbox").click(function () {

            if (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqFechas').value == -1) {
                var FechaDesde = igdrp_getComboById('ctl00_ContentPlaceHolder1_FechaDesde');
                var FechaHasta = igdrp_getComboById('ctl00_ContentPlaceHolder1_FechaHasta');
                var Dias = DiferenciaFechas();

                FechaDesde.setEnabled(true);
                FechaHasta.setEnabled(true);
            }

            if (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqSC').value == -1) {
                var Tarjetas = VerifiSelecTarjetas();
            }

            if ((document.getElementById('ctl00_ContentPlaceHolder1_HdnAddFact').value == -1) && (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqSC').value == -1) && (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqFechas').value == -1))   {
              if ((Tarjetas > 0) && (Dias) > 0) {

                var PrecioProd = parseFloat(document.getElementById('ctl00_ContentPlaceHolder1_hdnPrecioProd').value);
                var MontoTotal = parseFloat(PrecioProd * Tarjetas * Dias);
                var Saldo = parseFloat(document.getElementById('ctl00_lblSaldo').innerHTML);
                document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = MontoTotal;

                    if (MontoTotal > Saldo) {
                        document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#F00";
                        alert('El Monto de la solicitud es mayor a su Saldo !!! Verifique la selección.');
                    }
                    else {
                        document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#000000";
                    }
                }
                else {
                    document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = 0;
                }
            }
        })


    });



    </script>

    <script type="text/javascript" >
        function On_BtnAceptar() {
            
        if (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqSC').value == -1)
        {
           if (VerifiSelecTarjetas() == 0) {
                alert('Debe seleccionar al menos una Tarjeta del listado.')
                return;
            }
        }

        
        if (document.getElementById('ctl00_ContentPlaceHolder1_HdnAddFact').value == -1)
        {
             var Saldo = parseFloat(document.getElementById('ctl00_lblSaldo').innerHTML);
            var MontoTotal = parseFloat(document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML);

            if (MontoTotal > Saldo) {
                document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#F00";
                alert('El Monto de la solicitud es mayor a su Saldo !!! Verifique la selección.');
                return;
                }
                else{
                     document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#000000";
                }
        }
             
             if (document.getElementById('ctl00_ContentPlaceHolder1_HdnReqFechas').value == -1) {

            var fecha1 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaDesde_input').value);
            var fecha2 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaHasta_input').value);

            var miFecha1 = new Date(fecha1.anio, fecha1.mes, fecha1.dia);
            var miFecha2 = new Date(fecha2.anio, fecha2.mes, fecha2.dia);

            var diferencia = miFecha2.getTime() - miFecha1.getTime();

            if (diferencia <= 0) {
                alert('La Fecha Desde no puede ser mayor o igual a Fecha Hasta, seleccione un rango de fechas valido');
            } else {
                if (confirm("Seguro desea realizar el alta de la solicitud ?")) {
                    document.getElementById("<%= BtnAceptar.ClientID %>").disabled = true;
                    document.getElementById("<%= BtnVolver.ClientID %>").disabled = true;
                    __doPostBack("<%=LnkAceptar.UniqueID %>", "");
                }
            }
        } else {
            if (confirm("Seguro desea realizar el alta de la solicitud ?")) {
                document.getElementById("<%= BtnAceptar.ClientID %>").disabled = true;
                document.getElementById("<%= BtnVolver.ClientID %>").disabled = true;
                __doPostBack("<%=LnkAceptar.UniqueID %>", "");
            }
        }
    }



   function DiferenciaFechas() {

       var fecha1 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaDesde_input').value);
       var fecha2 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaHasta_input').value);
    
           var miFecha1 = new Date(fecha1.anio, fecha1.mes, fecha1.dia);
           var miFecha2 = new Date(fecha2.anio, fecha2.mes, fecha2.dia);

           var diferencia = miFecha2.getTime() - miFecha1.getTime();
           
           if (diferencia < 0)
               {
                   alert('La Fecha Desde no puede se mayor a la Fecha Hasta');
                   document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = 0;
               }else{                                 
                   var dias = Math.floor((diferencia) / (1000 * 60 * 60 * 24));
                   var Monto = (parseFloat(document.getElementById('ctl00_ContentPlaceHolder1_hdnPrecioProd').value) * dias);
                   var Saldo = parseFloat(document.getElementById('ctl00_lblSaldo').innerHTML);
                   var Tarjetas = VerifiSelecTarjetas()
                   var MontoTotal = Monto * Tarjetas;

                   if (Tarjetas > 0) {
                       document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = MontoTotal            
                   } else {
                       //alert('Debe seleccionar al menos una Tarjeta del listado.')
                       document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#000000";
                   }
                   var dias = Math.floor((diferencia) / (1000 * 60 * 60 * 24));
                   return dias;  
                }
      }

      function fecha(cadena) {
          var separador = "/";
          cadena = cadena +'';
            
          if (cadena.indexOf(separador) != -1) {               
               var posi1 = 0;
               var posi2 = cadena.indexOf(separador, posi1 + 1);
               var posi3 = cadena.indexOf(separador, posi2 + 1);
               this.dia = cadena.substring(posi1, posi2);
               this.mes = cadena.substring(posi2 + 1, posi3);
               this.anio = cadena.substring(posi3 + 1, cadena.length);  
           } else {               
               this.dia = 0;
               this.mes = 0;
               this.anio = 0;
           }
       }

       function Alert(msg) {
           alert(msg);
           DiferenciaFechas();
       }

       function VerifiSelecTarjetas() {
           var cantidad = 0;
          
           for (var i = 0; i < document.forms[0].length; i++) {
               if (document.forms[0].elements[i].id.indexOf('CheckBox1') != -1) {
                   if (document.forms[0].elements[i].checked) {
                       cantidad = cantidad + 1
                   }
               }
           }
           
           if (cantidad > 0) {
               return cantidad
           } else {               
               document.getElementById('ctl00_ContentPlaceHolder1_FechaDesde_input').disabled = true;
               document.getElementById('ctl00_ContentPlaceHolder1_FechaHasta_input').disabled = true;
               return 0
           }
       }


       function OnChangeFechas() {

           var fecha1 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaDesde_input').value);
           var fecha2 = new fecha(document.getElementById('ctl00_ContentPlaceHolder1_FechaHasta_input').value);

           var miFecha1 = new Date(fecha1.anio, fecha1.mes, fecha1.dia);
           var miFecha2 = new Date(fecha2.anio, fecha2.mes, fecha2.dia);

           var diferencia = miFecha2.getTime() - miFecha1.getTime();

           if (diferencia < 0) {
               alert('La Fecha Desde no puede se mayor a la Fecha Hasta');
               document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = 0;
           } else {
               var dias = Math.floor((diferencia) / (1000 * 60 * 60 * 24));
               var Monto = (parseFloat(document.getElementById('ctl00_ContentPlaceHolder1_hdnPrecioProd').value) * dias);
               var Saldo = parseFloat(document.getElementById('ctl00_lblSaldo').innerHTML);
               var Tarjetas = VerifiSelecTarjetas()
               var MontoTotal = Monto * Tarjetas;

               if (Tarjetas > 0) {
                   document.getElementById('ctl00_ContentPlaceHolder1_lblCosto').innerHTML = MontoTotal
                                          if (MontoTotal > Saldo) {
                                              document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#F00";
                                              alert('El Monto de la solicitud es mayor a su Saldo !!! Verifique la selección.');
                                          } else {
                                              document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#000000";
                                          }

               } else {
                   alert('Debe seleccionar al menos una Tarjeta del listado.')
                   document.getElementById("ctl00_ContentPlaceHolder1_lblCosto").style.color = "#000000";
               }

           }
       }



  

</script>

<table style="width:100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td style="width:100%">
            <asp:Label ID="lblTitulo" runat="server" Text="" Font-Bold="true" ></asp:Label>
            <hr />
        </td>
    </tr>
    <tr>
        <td style="width:100%">
            <table style="width:100%" cellpadding="1" cellspacing="0" border="0">
                <tr>
                    <td style="width:30%">
                        <asp:Label ID="Label1" runat="server" Text="Motivo"></asp:Label>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="DDMotivo"
                            ErrorMessage="(*)" ></asp:RequiredFieldValidator></td>
                    <td style="width:70%">                    
                        <asp:DropDownList ID="DDMotivo" runat="server"   AutoPostBack ="true" Width="98%" ></asp:DropDownList>
                    </td>
                </tr>
             </table>
             <table style="width:100%" cellpadding="1" cellspacing="0" border="0">

              <tr>
                    <td style="width:23.8%">
                        <asp:Label ID="Label6" runat="server" Text="Accesorios"></asp:Label>
                   </td>
                    <td style="width:35%">  
                      <br />
                        <asp:Label ID="Label7" runat="server" Text="Seleccione las Tarjetas de TV que desea habilitar" 
                                       Font-Bold="True"></asp:Label>
                        <br />
                        <br />
                        <asp:GridView ID="GridSC" runat="server" AutoGenerateColumns="False" 
                            CellPadding="4" GridLines="Horizontal" 
                            HorizontalAlign="Left" Height="78px" BorderColor="#336666" 
                            BorderStyle="Double" BackColor="White" BorderWidth="3px" Font-Bold="True">
                            <Columns>
                                <asp:BoundField DataField="PRO_LABEL" HeaderText="Descripción" />
                                <asp:BoundField DataField="AXC_ACCESORIO" HeaderText="Código" />
                                <asp:BoundField DataField="AXC_IDENTIFICA" HeaderText="Identificador" />
                                <asp:TemplateField HeaderText="Seleccionar">                                                            
                                    <ItemTemplate>
                                        <asp:CheckBox ID="CheckBox1" runat="server"  />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                            </Columns>
                            <EditRowStyle Font-Bold="True" />
                            <FooterStyle BackColor="White" ForeColor="#333333" />
                            <HeaderStyle BackColor="#B8C692" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                            <RowStyle BackColor="White" ForeColor="#333333" />
                            <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F7F7F7" />
                            <SortedAscendingHeaderStyle BackColor="#487575" />
                            <SortedDescendingCellStyle BackColor="#E5E5E5" />
                            <SortedDescendingHeaderStyle BackColor="#275353" />
                        </asp:GridView>                    

                    </td>
                    <td style="width:19%">
                       <br />
                         <asp:GridView ID="GridProductos" runat="server" AutoGenerateColumns="False" 
                             HorizontalAlign="Left" CellPadding="4" 
                             GridLines="Horizontal" BackColor="White" BorderColor="#336666" 
                             BorderStyle="Double" BorderWidth="3px" >
                             <Columns>
                                 <asp:BoundField HeaderText="Código" DataField="PRO_CODBARRA" />
                                 <asp:BoundField HeaderText="Producto" DataField="PRO_NOMBRE" />
                                 <asp:BoundField DataField="PXS_IDENTIFICA" HeaderText="Identificador" />
                                 <asp:BoundField DataField="FECHAINICIO" HeaderText="FechaInicio" />
                                 <asp:BoundField DataField="FECHAFIN" HeaderText="FechaFin" />
                                 <asp:BoundField DataField="PRO_PRECIOUNI" HeaderText="Precio" />
                             </Columns>
                             <FooterStyle BackColor="White" ForeColor="#333333" />
                             <HeaderStyle BackColor="#B8C692" Font-Bold="True" ForeColor="White" />
                             <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                             <RowStyle BackColor="White" ForeColor="#333333" />
                             <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                             <SortedAscendingCellStyle BackColor="#F7F7F7" />
                             <SortedAscendingHeaderStyle BackColor="#487575" />
                             <SortedDescendingCellStyle BackColor="#E5E5E5" />
                             <SortedDescendingHeaderStyle BackColor="#275353" />
                             <SortedAscendingCellStyle BackColor="#E9E7E2"></SortedAscendingCellStyle>
                             <SortedAscendingHeaderStyle BackColor="#506C8C"></SortedAscendingHeaderStyle>
                             <SortedDescendingCellStyle BackColor="#FFFDF8"></SortedDescendingCellStyle>
                             <SortedDescendingHeaderStyle BackColor="#6F8DAE"></SortedDescendingHeaderStyle>
                        </asp:GridView>
                    </td>                                                        
              </tr>
              </table>
         
             <table style="width:100%" cellpadding="1" cellspacing="0" border="0">
                  <tr>
                    <td style="width: 30%">
                        &nbsp;
                    </td>       
                      <td style="width: 70%">
                        &nbsp;
                    </td>                
                </tr>
                <tr>
                    <td style="width: 30%">
                        
                    </td>
                     <td style="width: 70%">
                        <asp:Label ID="lblDias" runat="server" Text="Seleccione Fechas de activación" 
                             align ="left" Visible="False" Font-Bold="True"></asp:Label>  
                             <br />
                             <br />
                    </td>
                </tr>
             </table>  
             <table>
                <tr align ="left">   
                    <td style="width: 14%">
                         &nbsp; </td>                                    
                   <td style="width:2%"> 
                   <asp:Label ID="lblFecDesde" runat="server" Text="Desde" align ="left" Visible="False"></asp:Label>   
                   </td>                                   
                    <td style="width:6%">                        
                        <igsch:WebDateChooser ID="FechaDesde" runat="server" Value="2011-07-13" 
                            Enabled="False">
                            <ClientSideEvents ValueChanged="OnChangeFechas()" />
                            <CalendarLayout AllowNull="False" NextMonthImageUrl="ig_cal_silverN0.gif" 
                                PrevMonthImageUrl="ig_cal_silverP0.gif" ShowMonthDropDown="False" 
                                ShowYearDropDown="False" TitleFormat="Month">
                                <CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" 
                                    Font-Strikeout="False" Font-Underline="False" BackColor="#EFF6F8" 
                                    BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" 
                                    Font-Size="9pt" ForeColor="#404050">
                                </CalendarStyle>
                                <DayHeaderStyle BackColor="#9A98AE" Font-Bold="True" Font-Size="8pt" 
                                    ForeColor="White" Height="1pt" />
                                <NextPrevStyle BackgroundImage="ig_cal_silver2.gif" />
                                <OtherMonthDayStyle ForeColor="#888B90" />
                                <SelectedDayStyle BackColor="#888990" ForeColor="White" />
                                <TitleStyle BackColor="#D8E0E2" BackgroundImage="ig_cal_silver2.gif" 
                                    Font-Bold="True" Font-Size="10pt" ForeColor="#303040" Height="18pt" />
                                <TodayDayStyle BackColor="#D0D2D6" ForeColor="Black" />
                                <FooterStyle BackgroundImage="ig_cal_silver1.gif" Font-Size="8pt" 
                                    ForeColor="#707377" Height="16pt" />
                            </CalendarLayout>
                        </igsch:WebDateChooser>
                    </td> 
                    <td style="width:1%">  
                        <asp:Label ID="lblFecHasta" runat="server" Text="Hasta" align ="left" Visible="False"></asp:Label>     
                    </td>                                          
                    <td style="width:6%">    
                                             
                        <igsch:WebDateChooser ID="FechaHasta" runat="server" Value="2011-07-13" 
                            Enabled="False">
                            <ClientSideEvents ValueChanged="OnChangeFechas()" />
                            <CalendarLayout NextMonthImageUrl="ig_cal_silverN0.gif" 
                                PrevMonthImageUrl="ig_cal_silverP0.gif" ShowMonthDropDown="False" 
                                ShowYearDropDown="False" TitleFormat="Month">
                                <CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" 
                                    Font-Strikeout="False" Font-Underline="False" BackColor="#EFF6F8" 
                                    BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" 
                                    Font-Size="9pt" ForeColor="#404050">
                                </CalendarStyle>
                                <DayHeaderStyle BackColor="#9A98AE" Font-Bold="True" Font-Size="8pt" 
                                    ForeColor="White" Height="1pt" />
                                <NextPrevStyle BackgroundImage="ig_cal_silver2.gif" />
                                <OtherMonthDayStyle ForeColor="#888B90" />
                                <SelectedDayStyle BackColor="#888990" ForeColor="White" />
                                <TitleStyle BackColor="#D8E0E2" BackgroundImage="ig_cal_silver2.gif" 
                                    Font-Bold="True" Font-Size="10pt" ForeColor="#303040" Height="18pt" />
                                <TodayDayStyle BackColor="#D0D2D6" ForeColor="Black" />
                                <FooterStyle BackgroundImage="ig_cal_silver1.gif" Font-Size="8pt" 
                                    ForeColor="#707377" Height="16pt" />
                            </CalendarLayout>
                        </igsch:WebDateChooser>
                    </td>  
                    <td style="width:17.5%">  
                        <asp:Label ID="lblMonto" runat="server" Text="Monto Total de la Solicitud: $" 
                             align ="left" Visible="False" Font-Bold="True" Font-Size="X-Large" 
                            SkinID="LabelTitulo"></asp:Label>  
                        <asp:Label ID="lblCosto" runat="server"  align ="left" Visible="False"   
                            Font-Size="X-Large" SkinID="LabelTitulo"></asp:Label>     
                    </td>    
                                      
                </tr>
               </table>

 
               <table style="width:100%" cellpadding="1" cellspacing="0" border="0">
                <tr>
                    <td style="width:30%">
                        <asp:Label ID="Label2" runat="server" Text="Observaciones"></asp:Label>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TxtObserv"
                            ErrorMessage="(*)"></asp:RequiredFieldValidator></td>
                    <td style="width:70%">
                        <asp:TextBox ID="TxtObserv" runat="server" TextMode="MultiLine" Rows="5" 
                            Width="97%" Height="34px" ></asp:TextBox>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td style="width:100%">
            <input type="button" id="BtnAceptar" runat="server" value="Aceptar" class="StandartButton" onclick="javascript:On_BtnAceptar();"  />
            <asp:Button ID="BtnVolver" runat="server" Text="Volver" CssClass="StandartButton" CausesValidation="false" />
            <asp:LinkButton ID="LnkAceptar" Text="" runat="server"></asp:LinkButton>
            <asp:HiddenField ID="hdnPrecioProd" runat="server" />
            <asp:HiddenField ID="HdnReqFechas" runat="server" />
            <asp:HiddenField ID="HdnReqSC" runat="server" />
            <asp:HiddenField ID="HdnAddFact" runat="server" />
        </td>
    </tr>
</table>

</asp:Content>  
